/* 
* 当前文件内的 样式 主要是对应 panda 项目 表格 样式 封装
*/


.panda-table
  border-color $panda-table-border

.q-table thead, .q-table tr.panda-table, .q-table tr.panda-table th, .q-table td.panda-table 
  border: 1px solid $panda-table-border;

.q-table tbody tr:hover 
  background: $panda-dark-light !important

.panda-table-tr-like:hover
  background: $panda-dark-light !important

.panda-border
  border: 1px solid $panda-table-border;
.panda-border-color
  border-color $panda-table-border


.panda-table-col-checkbox
  width: 30px;
  text-align: center;
  padding: 0
.panda-table-col-text-indent
  text-indent  12px


.panda-sticky-header-table
  /*
    specifying max-width so the example can
    highlight the sticky column on any browser window
  */
  max-width 100%
  /* max height is important */
  .q-table__middle
    max-height 400px
  thead
    border-top  none !important;
  thead tr
    border-top   none !important;
  .q-table__top,
  tr:first-child th /* bg color is important for th; just specify one */
    background-color $panda-base-dark
    color $panda-text-dark
  tr:first-child th
    position sticky
    top 0
    opacity 1 /* opacity is important */
    z-index 2 /* higher than z-index for td below */
  /* 
  tr:first-child th:first-child
    z-index 3 
  */
  td:first-child
    z-index 1
  td:first-child, th:first-child
    position sticky
    left 0  


.panda-markup-table
  .q-table
    thead tr,tbody td
      height  30px
      line-height  30px
    td,th
      border-right   1px solid transparent
      border-bottom  1px solid transparent
      padding: 0px 16px;
    thead
      border-top    1px solid transparent
    td:first-child, th:first-child
      border-left   1px solid transparent

.panda-markup-table-border-transparent
  .q-table
    border-color transparent
    thead
      border-color transparent
    thead tr,tbody td
      border  transparent
      height  30px
      line-height  30px
    td,th
      border-right   1px solid transparent
      border-bottom  1px solid transparent
      padding: 0px 16px;
    thead
      border-top    1px solid transparent
    td:first-child, th:first-child
      border-left   1px solid transparent
